.HomePage {
  //顶部组件
  .GridCard {
    .ant-row {
      .ant-col {
        .ant-card {
          .ant-card-body {
            padding: 16px;
          }
        }
        .card1 {
          min-height: 150px;
          .title {
            font-size: 16px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #7d87a5;
            line-height: 28px;
          }
          .body {
            padding-top: 16px;
            .qiu {
              width: 72px;
              height: 72px;
              opacity: 0.55;
              background-color: #a6dbff;
              border-radius: 50%;
              box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
              background-image: url("../../../logo_yetou.png");
              background-repeat: no-repeat;
              background-position: center center;
            }
            .text {
              padding-left: 10px;
              .h2 {
                font-size: 20px;
                font-family: PingFangSC-Medium;
                text-align: left;
                color: rgba(0, 0, 0, 0.85);
                line-height: 40px;
              }
              .txt {
                font-size: 14px;
                font-family: PingFangSC-Regular;
                text-align: left;
                color: #000a12;
                line-height: 22px;
              }
            }
          }
        }
        .card2 {
          .span {
            .title {
              font-size: 14px;
              font-family: PingFangSC-Regular;
              text-align: left;
              color: #000a12;
              line-height: 50px;
            }
            .body {
              font-size: 40px;
              font-family: San Francisco Display, San Francisco Display-Medium;
              font-weight: 600;
              text-align: left;
              color: #000a12;
              line-height: 50px;
            }
          }
        }
      }
    }
  }
  //水电煤概览
  .Overview {
    .ant-row {
      .ant-col {
        .ant-card {
          .ant-card-body {
            padding: 16px;
          }
        }
        .OvBox1 .box_title {
          background-image: url(../../../assets/img/icon_dian.png);
        }
        .OvBox2 .box_title {
          background-image: url(../../../assets/img/icon_shui.png);
        }
        .OvBox3 .box_title {
          background-image: url(../../../assets/img/icon_dunbiaomei.png);
        }
        .OvBox {
          .box_title {
            padding-left: 47px;
            font-size: 14px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            text-align: left;
            color: #7d87a5;
            line-height: 50px;
            background-repeat: no-repeat;
            background-size: 24px;
            background-position: 16px center;
          }
          .box_body {
            margin: 16px;
            margin-top: 0;
            .oLi {
              .up {
                color: #ff0000;
              }
              .down {
                color: #0dac67;
              }
              background-color: #fff;
              .top_td {
                font-size: 14px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: center;
                color: #7d87a5;
                height: 50;
                line-height: 50px;
              }
              .top_vs {
                font-size: 20px;
                font-family: San Francisco Display, San Francisco Display-Medium;
                font-weight: 500;
                text-align: center;
                height: 30;
                line-height: 30px;
              }
              .top_vd {
                font-size: 30px;
                font-family: San Francisco Display, San Francisco Display-Medium;
                font-weight: 500;
                text-align: center;
                color: #000a12;
                height: 30;
                line-height: 30px;
              }
              .top_bd {
                font-size: 12px;
                font-family: Microsoft YaHei, Microsoft YaHei-Regular;
                font-weight: 400;
                text-align: center;
                color: #000a12;
                height: 50px;
                line-height: 50px;
              }
            }
          }
        }
      }
    }
  }
  //ECharts
  .EnergyTrend {
    .chart {
      background-color: #fff;
      padding: 16px;
      border-right: 1px solid rgb(238, 242, 254);
    }
  }
}
